<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>综合数据监控平台</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Le styles -->
    <script type="text/javascript" src="assets/js/jquery.js"></script>
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/loader-style.css">
    <link rel="stylesheet" href="assets/css/bootstrap.css">
    <!-- tree -->
    <link rel="stylesheet" href="assets/js/tree/jquery.treeview.css">
    <link rel="stylesheet" href="assets/js/tree/treetable/stylesheets/jquery.treetable.css">
    <link rel="stylesheet" href="assets/js/tree/treetable/stylesheets/jquery.treetable.theme.default.css">
    <link href="assets/js/tree/tabelizer/tabelizer.min.css" media="all" rel="stylesheet" type="text/css">
    <!-- datetimepicker -->
    <link rel="stylesheet" href="assets/js/datepicker/datepicker.css">
    <!-- pnotify -->
    <link rel="stylesheet" href="assets/js/pnotify/pnotify.custom.css">
    <!-- myCss -->
    <link rel="stylesheet" href="assets/css/myCss.css">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
    <!-- Fav and touch icons -->
    <link rel="shortcut icon" href="assets/ico/favicon.ico">
    <style>
        .paper-wrap{
            /*height:100%;*/
            min-height:899px;
        }
        .content-wrap {
            color:#555;
        }
        /* .side-terminal-option {
            background:rgba(0,0,0,0.1);
        }
        .treeview ul {
            background:inherit;
        } */
        .form-group {
            margin-bottom:10px;
        }
        .form-group input[type="datetime-local"] {
            line-height:20px;
            margin-bottom:10px;
        }
        
        
    </style>
</head>

<body>
    <!-- Preloader -->
    <div id="preloader">
        <div id="status">&nbsp;</div>
    </div>
    <!-- TOP NAVBAR -->
    <nav role="navigation" class="navbar navbar-static-top">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button data-target="#bs-example-navbar-collapse-1" data-toggle="collapse" class="navbar-toggle" type="button">
                    <span class="entypo-menu"></span>
                </button>
                <button class="navbar-toggle toggle-menu-mobile toggle-left" type="button">
                    <span class="entypo-list-add"></span>
                </button>




                <div id="logo-mobile" class="visible-xs">
                    <h1>睿科电子<span>v1.0</span></h1>
                </div>

            </div>


            <!-- Collect the nav links, forms, and other content for toggling -->
            <div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                    
                    
                    <!-- 帮助 -->
                    <li><a href="#"><i data-toggle="tooltip" data-placement="bottom" title="Help" style="font-size:20px;" class="icon-help tooltitle"></i></a>
                    </li>

                </ul>
                <!-- 时间天气框 -->
                <div id="nt-title-container" class="navbar-left running-text visible-lg">
                    <ul class="date-top">
                        <li class="entypo-calendar" style="margin-right:5px"></li>
                        <li id="Date"></li>
                    </ul>

                    <ul id="digital-clock" class="digital">
                        <li class="entypo-clock" style="margin-right:5px"></li>
                        <li class="meridiem"></li>
                        <li class="hour"></li>
                        <li>:</li>
                        <li class="min"></li>
                        <li>:</li>
                        <li class="sec"></li>
                    </ul>
                    <div style="height: 18px; overflow: hidden; padding-left: 40px;">
                        <i class="fa fa-tag"></i>
                        所在城市：
                        &#160;&#160;西安&#160;
                    </div>
                </div>

                <ul style="margin-right:0;" class="nav navbar-nav navbar-right">
                    <li>
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                            <img alt="" class="admin-pic img-circle" src="assets/img/user.jpg">你好, <span class="username">未知用户</span> <b class="caret"></b>
                        </a>
                        <ul style="margin-top:14px;" role="menu" class="dropdown-setting dropdown-menu">
                            <!-- <li>
                                <a href="profile.html">
                                    <span class="entypo-user"></span>&#160;&#160;头像</a>
                            </li>
                            <li>
                                <a href="">
                                    <span class="entypo-vcard"></span>&#160;&#160;设置</a>
                            </li> -->
                            <li>
                                <a href="lock-screen.html">
                                    <span class="entypo-lock"></span>&#160;&#160; 屏幕锁定</a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <a href="login.html?b=1">
                                    <span class="entypo-logout"></span>&#160;&#160; 退出登录</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                            <span class="icon-gear"></span>&#160;&#160;主题</a>
                        <ul role="menu" class="dropdown-setting dropdown-menu">

                            <li class="theme-bg">
                                <div id="button-bg"></div>
                                <div id="button-bg2"></div>
                                <div id="button-bg3"></div>
                                <div id="button-bg5"></div>
                                <div id="button-bg6"></div>
                                <div id="button-bg7"></div>
                                <div id="button-bg8"></div>
                                <div id="button-bg9"></div>
                                <div id="button-bg10"></div>
                                <div id="button-bg11"></div>
                                <div id="button-bg12"></div>
                                <div id="button-bg13"></div>
                            </li>
                        </ul>
                    </li>
                </ul>

            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>
    <!-- /END OF TOP NAVBAR -->

    <!-- SIDE MENU -->
    <div id="skin-select">
        <div id="logo">
            <img src="assets/img/logo.png" alt="大连睿科电子有限公司">
        </div>

        <a id="toggle">
            <span class="entypo-menu"></span>
        </a>


        <div class="skin-part">
            <div id="tree-wrap">
                <div class="side-bar">
                    <ul class="topnav menu-left-nest">
                        <li>
                            <a class="tooltip-tip ajax-load" href="index.html" title="首页">
                                <i class="icon-home"></i>
                                <span>首页</span>

                            </a>
                        </li>
                    </ul>

                    <ul class="topnav menu-left-nest">
                        <li>
                            <a href="#" style="border-left:0px solid!important;" class="title-menu-left">

                                <span class="widget-menu"></span>
                                <i data-toggle="tooltip" class="entypo-cog pull-right config-wrap"></i>

                            </a>
                        </li>

                        <li>
                            <a class="tooltip-tip ajax-load" href="realtime-data.html" title="实时数据">
                                <i class="icon-document-edit"></i>
                                <span>实时数据</span>

                            </a>
                        </li>
                        <li>
                            <a class="tooltip-tip ajax-load" href="chart-data.html" title="数据曲线">
                                <i class="icon-graph-line"></i>
                                <span>数据曲线</span>

                            </a>
                        </li>
                        <li>
                            <a class="tooltip-tip ajax-load" href="history-data.html" title="历史数据">
                                <i class="icon-document"></i>
                                <span>历史数据</span>

                            </a>
                        </li>
                    </ul>

                    <ul class="topnav menu-left-nest">
                        <li>
                            <a href="#" style="border-left:0px solid!important;" class="title-menu-left">

                                <span class="design-kit"></span>
                                <i data-toggle="tooltip" class="entypo-cog pull-right config-wrap"></i>

                            </a>
                        </li>

                        <li>
                            <a class="tooltip-tip ajax-load" href="device-manage.html" title="设备管理">
                                <i class="icon-view-thumb"></i>
                                <span>设备管理</span>

                            </a>
                        </li>
                        <li>
                            <a class="tooltip-tip ajax-load" href="user-manage.html" title="用户管理">
                                <i class="icon-user"></i>
                                <span>用户管理</span>

                            </a>
                        </li>
                        <li>
                            <a class="tooltip-tip ajax-load" href="login-record.html" title="登录日志">
                                <i class="icon-user-group"></i>
                                <span>登录日志</span>

                            </a>
                        </li>
                        <!-- <li>
                            <a class="tooltip-tip ajax-load" href="SIMinfo-manage.html" title="SIM卡信息管理">
                                <i class="icon-message"></i>
                                <span>SIM卡信息管理</span>

                            </a>
                        </li>
                        <li>
                            <a class="tooltip-tip ajax-load" href="#" title="系统设置">
                                <i class="icon-gear"></i>
                                <span>系统设置</span>

                            </a>
                        </li> -->
                    </ul>

                    <ul class="topnav menu-left-nest">
                        <li>
                            <a href="#" style="border-left:0px solid!important;" class="title-menu-left">

                                <span class="component"></span>
                                <i data-toggle="tooltip" class="entypo-cog pull-right config-wrap"></i>

                            </a>
                        </li>

                        <li>
                            <a class="tooltip-tip" href="warning-handle.html" title="报警处理">
                                <i class="icon-warning"></i>
                                <span>报警处理</span>
                            </a>
                        </li>
                        <li>
                            <a class="tooltip-tip" href="warning-config.html" title="报警设置">
                                <i class="icon-attachment"></i>
                                <span>报警设置</span>
                            </a>
                        </li>

                    </ul>


                </div>
            </div>
        </div>
    </div>
    <!-- END OF SIDE MENU -->



    <!--  PAPER WRAP -->
    <div class="wrap-fluid">
        <div class="container-fluid paper-wrap bevel tlbr">

            <!-- CONTENT -->
            <!--TITLE -->
            <div class="row">
                <div id="paper-top">
                    <div class="col-sm-3">
                        <h2 class="tittle-content-header">
                            <i class="icon-graph-line"></i> 
                            <span>数据曲线
                            </span>
                        </h2>

                    </div>

                    <div class="col-sm-7">
                        <div class="devider-vertical visible-lg"></div>
                        <div class="tittle-middle-header">

                            <div class="alert">
                                <button type="button" class="close" data-dismiss="alert">×</button>
                                <span class="tittle-alert entypo-info-circled"></span>
                                欢迎回来,&nbsp;
                                <strong class="username">未知用户!</strong>&nbsp;&nbsp;您正在使用 大连睿科 综合数据监控平台 
                            </div>


                        </div>

                    </div>
                </div>
            </div>
            <!--/ TITLE -->

            <!-- BREADCRUMB -->
            <ul id="breadcrumb">
                <li>
                    <span class="entypo-home"></span>
                </li>
                <li><i class="fa fa-lg fa-angle-right"></i>
                </li>
                <li><a href="#">终端监控</a>
                </li>
                <li><i class="fa fa-lg fa-angle-right"></i>
                </li>
                <li><a href="chart-data.html">数据曲线</a>
                </li>
            </ul>

            <!-- END OF BREADCRUMB -->

            <div class="content-wrap">
                <div class="row">


                    <div class="col-sm-12">
                        <!-- BLANK PAGE-->

                        <div class="nest" id="Blank_PageClose">
                            <div class="title-alt">
                                <h6>
                                    数据曲线
                                </h6>
                                <input type="button" class="btn btn-primary pull-right" value="导出曲线图" style="margin:10px">
                            </div>

                            <div class="body-nest">

                                <div class="row">
                                    <!-- 设备列表 -->
                                    <div class="col-sm-12 col-md-2 side-device-option">
                                        <div class="row">
                                            <!-- 设备列表 -->
                                            <div class="col-md-12">
                                                <div class="toogle-list">
                                                    <i class="glyphicon glyphicon-minus"></i><b>设备曲线列表</b>
                                                </div>
                                                
                                                <div id="chart-display">
                                                    
                                                    <!-- <ul id="browser" class="treeview">
                                                        <li class="collapsable"><div class="hitarea collapsable-hitarea"></div>
                                                            <div class="">
                                                                <label>
                                                                    
                                                                    <img alt="" src="assets/js/tree/images/folder.gif">
                                                                    设备列表
                                                                </label>
                                                            </div>
                                                            <ul class="chart-option">
                                                                <!-- <li class='closed collapsable cn-parent'><div class='hitarea collapsable-hitarea'></div>
                                                                    <div class='cn-device'>
                                                                        <label>
                                                                            <input type='checkbox'>
                                                                            <img src='assets/js/tree/images/folder.gif'>
                                                                            <span>1</span>
                                                                        </label>
                                                                    </div>
                                                                    <ul class='cn-option'>
                                                                        <li>
                                                                            <label>
                                                                                <input type='checkbox'>
                                                                                <img src='assets/js/tree/images/file.gif'>
                                                                                <span>压力</span>
                                                                            </label>
                                                                        </li>
                                                                        <li>
                                                                            <label>
                                                                                <input type='checkbox'>
                                                                                <img src='assets/js/tree/images/file.gif'>
                                                                                <span>温度</span>
                                                                            </label>
                                                                        </li>
                                                                    </ul>
                                                                </li> 
                                                            </ul>
                                                        </li>
                                                    </ul> -->
                                                    <div class="chartTree">
                                                        <ul class="chart-option list-unstyled">
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- 时间段选择 -->
                                            <div class="col-md-12">
                                                <p class="red">* 请先选择设备编号，时间可选可不选。</p>
                                                <div class="form-group">
                                                    <span>设备编号：</span>
                                                    <input class="form-control" type="text" id="device-id"/>
                                                </div>
                                                <div class="form-group">
                                                    <span>起始时间：</span>
                                                    <div id="datetimepicker1" class="input-group date">
                                                        <label for="start-time" class="sr-only">起始时间</label>
                                                        <input id="start-time" class="form-control" data-format="yyyy-MM-dd hh:mm:ss" type="text">

                                                        <span class="input-group-addon add-on">
                                                            <i style="font-style:normal;" data-time-icon="entypo-clock" data-date-icon="entypo-calendar" class="entypo-calendar">
                                                            </i>
                                                        </span>
                                                    </div>
                                                    <span>结束时间：</span>
                                                    <div id="datetimepicker2" class="input-group date">
                                                        <label for="end-time" class="sr-only">结束时间</label>
                                                        <input id="end-time" class="form-control" data-format="yyyy-MM-dd hh:mm:ss" type="text">

                                                        <span class="input-group-addon add-on">
                                                            <i style="font-style:normal;" data-time-icon="entypo-clock" data-date-icon="entypo-calendar" class="entypo-calendar">
                                                            </i>
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <button class="btn btn-primary btn-block" id="chartTimeBtn">查询</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <!-- 曲线区域 -->
                                    <div class="col-sm-12 col-md-10">
                   

                                        <div class="panel panel-default">
                                            <div class="panel-body">
                                                <div id="deviceAllChart" class="center" style="height:480px;" ></div>
                                                
                                            </div>
                                        </div>
                                        

                                    </div><!--温/湿度曲线/col-->
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- END OF BLANK PAGE -->


                </div>



                <!-- /END OF CONTENT -->


            </div>
        </div>
        <!--  END OF PAPER WRAP -->
    </div>
    <nav role="navigation" class="navbar navbar-fixed-bottom" style="">
        <div class="container-fluid">
                <p class="pull-left" id="copyright">版权归 <a href="http://www.brjzbs.com/" title="西安天通物联网科技有限公司" target="_blank">西安天通物联网科技有限公司</a> 所有</p>
                
                <ul style="margin-right:0;" class="nav navbar-nav navbar-right">
                    
                    <li class="dropup">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                            <i style="font-size:19px;" class="icon-warning tooltitle"></i>
                            <div class="noft-green" style="top:-8px; left:12px;" id="noft">0</div>
                        </a>
                        <ul role="menu" class="dropdown-menu">
                            <li>
                                <button id="notify" onclick="show_notify('未知','未知错误原因报警','2017-08-15');" class="btn btn-success btn-block">biu~</button>
                            </li>
                            <li class="divider"></li>
                            <li><a id="last-notify" onclick="$(this).trigger('pnotify.history-last');">查看上一条报警消息</a></li>
                            <li class="divider"></li>
                            <li><a id="all-notify" onclick="$(this).trigger('pnotify.history-all');">查看所有报警消息</a></li>
                            <!-- <li class="divider"></li>
                            <li><a id="close-notify">关闭所有报警消息</a></li> -->
                        </ul>
                    </li>
                </ul>

            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>

    <!-- 页面跳转 -->
    <script type="text/javascript" src="assets/js/page/page_jump.js"></script>
    <!-- MAIN EFFECT -->
    <script type="text/javascript" src="assets/js/preloader.js"></script>
    <script type="text/javascript" src="assets/js/bootstrap.js"></script>
    <script type="text/javascript" src="assets/js/app.js"></script>
    <script type="text/javascript" src="assets/js/load.js"></script>
    <script type="text/javascript" src="assets/js/main.js"></script>
    <!-- datetimepicker -->
    <script type="text/javascript" src="assets/js/datepicker/bootstrap-datetimepicker.js"></script>
    <script src="assets/js/page/time_picker.js"></script>
    <!-- 曲线flot-->
    <script src="assets/js/flot/jquery.flot.min.js"></script>
    <script src="assets/js/flot/jquery.flot.resize.min.js"></script>
    <script src="assets/js/flot/jquery.flot.time.min.js"></script>
    <script src="assets/js/flot/jquery.flot.tickrotor.js"></script>
    <!-- <script src="assets/js/myflot-all.js"></script> -->
    <!-- socket.io -->
    <script type="text/javascript" src="assets/js/socket.io.js"></script>
    <script type="text/javascript" src="assets/js/ioconnect.js"></script>
    <script type="text/javascript" src="assets/js/page/page_chart.js"></script>
    <!-- 报警弹框 -->
    <script type="text/javascript" src="assets/js/pnotify/pnotify.custom.min.js"></script>
    <script type="text/javascript" src="assets/js/page/warn_notify.js"></script>
</body>

</html>
